<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="../js/galleria/galleria-1.2.2.min.js"></script>
</head>
<body>
<script>
    $("body").text("jQuery works");
      //      if (Galleria) { $("body").text('Galleria works') }
</script
<?php
include "babs.php";
function pixboxaddform(){
  echo '!!pixbox<p>je'.psym('cbq').'</p>';
  echo pform(btable(array(
	implode(binput('MAX_FILE_SIZE','hidden','10000')),$CRLF,
	implode(binput('pixbox','text','testbox','Collection name:')),$CRLF,
	implode(binput('image','file','')),
	implode(binput('','submit','Browse your files'))
    )),'upload.php','multipart/form-data');
}

echo bscript('
    $("body").text("jQuery works");
	//if (Galleria) { $("body").text(\'Galleria works\') }
');
//echo btable($_GET);
//echo $_GET['pixboxname'];
$pixboxname='testbox';
$pixboxpath="../media/pixbox/$pixboxname/";
$settings=array('','','','width:1em;');
$pix=btag(bdir($pixboxpath),'bimg',$pixboxpath);

echo'<div id="gallery"><table><tr>'; foreach($pix as $p){ 
  echo '<td>'.$p.'</td>';
} echo'</tr></table></div>';


echo pstop();
/*
CREATE TABLE pixbox (pixbox_id VARCHAR(300) NOT NULL UNIQUE,image_src VARCHAR(300) NOT NULL UNIQUE, thumb_src VARCHAR(300) NOT NULL UNIQUE, label VARCHAR(300) UNIQUE);
insert into pixbox values ('testbox1','aesciitest.jpg','aesciitest_thumb.jpg','');


pixbox: een mishmash tussen lightbox en phpthumb 
de bedoeling is dat de gebruiker een pixbox kan aanmaken met een input width en heigth.
De gebruiker geeft dan per pixbox een aantal images in.
Op de server (lekker in verschillende mapjes) wordt een kopie aangemaakt van de input image en een gesized kopie met dezelfde naam als de input image (verschillende mapjes remember).
In de database hou je bij, de unieke name van beide images en tot welke pixbox de images behoren, alsook een ruimte voor een unieke label (ni implementeren, maar conceptueel).

OUTPUT:

de bedoeling is dat de gebruiker gewoon kan de functie oproept getPixBox(label) -> eventueel via id maar dan gemasked.
dit levert als output iets met lightbox.

kijk naar kultuurkaffee.be

de bedoeling is dat elke image vervangen wordt met een pixbox
je kan een volgende image inladen via navigeer dingen zo links en rechts, eventueel via slideshow die relevante pics in loop weergeeft.
als je op de image klikt, wordt ze in z'n oorspronkelijke formaat weergegeven, lightbox code blijf intact
*/


function pixcss($view){
	switch($view){
	case 1: return '';
	default: return '';
	}
}

function pixview($view,$width,$height){
	switch($view){
	case 1: echo pscript("
Galleria.loadTheme('../js/galleria/themes/classic/galleria.classic.min.js');
\$('#gallery').galleria({width: $width,height: $height});
"); break;
	default: return '';
	}
}
function showpixbox($pixbox='testbox1',$width=500,$height=200,$view=1){
	
	echo pstart('pixbox!','',
		pixcss($view),
		pixscripts($view)
	);

	$testdb=pdbopen('localhost:3307','cultuuradm','test','pixboxdb');
	$q="SELECT * FROM `pixboxes` WHERE pixbox = '" . $pixbox . "'";
	$result=mysql_query($q) or die('Query failed: ' . mysql_error());
	$pix=array(); 
	while ($line = mysql_fetch_assoc($result)){
		$pix[]='pixbox/' . $pixbox . '/images/' . $line['image'];
	}
	mysql_free_result($result);
	pdbclose($testdb);

	echo '<div id="gallery">';
	foreach($pix as $pic){
		echo pimg($pic);
	}
	echo '</div>';

	echo bscript("
Galleria.loadTheme('../js/galleria/themes/classic/galleria.classic.min.js');
\$('#gallery').galleria({width: 128,height: 128});
	");
	
	//pixview($view,$width,$height);

	echo piframe('pixbox.php','PIXBOX',800,600);
}
?>
</body>
</html>


